<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/tpl/tpl.min.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/zhekou_admin.js?20180210"></script>
    <title>折扣活动管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul>
            </ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录" >
                        <span>退出</span>
                        <b  class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="supervise">
                <div class="container-fluid">
                    <div class="supervise_header">
                        <div class="row">
                            <h2 class="col-xs-4 col-xs-offset-1">折扣活动管理操作</h2>
                            <div class="col-xs-6">
                                <button id="add_btn" class="btn btn-default fr">添加活动</button>
                            </div>
                        </div>

                    </div>
                    <div class="supervise-body">
                        <div class="row">
                            <div class="col-xs-12 col-lg-12 col-xs-offset-0 ">
                                <div class="table-responsive">
                                    <table style="margin-top: 30px;" id="huodong_table"
                                           class="table-hover table-striped table table-bordered">
                                    </table>
                                </div>

                            </div>

                        </div>
                        <div class="row" style="margin-top:20px;">
                            <div class="col-xs-10 col-xs-offset-1">
                                <div id="page"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--loading -->
            <div class="loading">
                <img src="images/loading.gif" alt="">
            </div>
        </div>
        <!--添加-->
        <div class="set_shangpin" id="add_huodong">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要添加的活动信息</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动规则</span>
                                        <select name="" id="add_rule" class="form-control"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动标题</span>
                                        <input id="add_title" class="form-control input_is" placeholder="请输入活动标题" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动时间</span>
                                        <input id="add_time" class="form-control input_is"  placeholder="请选择打折时间">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-success col-xs-offset-2" data-toggle="modal" id="add"
                                        data-target="#myModal">添加活动</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--修改-->
        <div class="set_shangpin" id="set_huodong">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">请填写您要修改的活动内容</h2>
                            </div>
                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动规则</span>
                                        <select name="" id="set_rule" class="form-control"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动标题</span>
                                        <input id="set_title" class="form-control input_is" placeholder="请输入活动标题" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">活动时间</span>
                                        <input id="set_time" class="form-control input_is"  placeholder="请选择打折时间段">
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="set"
                                        data-target="#myModal">修改活动</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--折扣显示-->
        <div class="set_shangpin" id="zhekou">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-xs-4 col-xs-offset-1">折扣管理操作</h2>
                                <div class="col-xs-6">
                                    <button id="add_zhekou_btn" class="btn btn-default fr">添加折扣</button>
                                </div>
                            </div>

                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class=" col-xs-10 col-xs-offset-1">
                                    <div>
                                        <table id="zhekou_table" class="table table-bordered">

                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--折扣添加-->
        <div class="set_shangpin" id="add_zhekou">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-xs-4 col-xs-offset-1">折扣添加操作</h2>
                            </div>

                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">一级分类</span>
                                        <select name="" id="add_zhekou_class1" class="form-control"></select>
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="input-group ">
                                        <span class="input-group-addon">二级分类</span>
                                        <select name="" id="add_zhekou_class2" class="form-control"></select>
                                    </div>
                                </div>
                                <div class=" col-xs-4">
                                    <div class="input-group ">
                                        <span class="input-group-addon">三级分类</span>
                                        <select name="" id="add_zhekou_class3" class="form-control"></select>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">选择品牌</span>
                                        <select name="" id="add_zhekou_brand" class="form-control"></select>
                                    </div>
                                </div>
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">选择商品</span>
                                        <select name="" id="add_zhekou_item" class="form-control"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <p class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">已选择</p>
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1 selected_wrap">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">折扣力度</span>
                                        <input type="number" id="add_zhekou_range" class="form-control input_is"  placeholder="请填写折扣力度1-100之间">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">与券共用</span>
                                        <select name="" id="add1_zhekou_coupon" class="form-control">
                                            <option value="0">不可以</option>
                                            <option value="1">可以</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">发放数量</span>
                                        <input type="number" id="add_zhekou_number" class="form-control input_is"  placeholder="请填写发放数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">限购数量</span>
                                        <input type="number" id="add_zhekou_limit" class="form-control input_is"  placeholder="请填写限购数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">最低数量</span>
                                        <input type="number" id="add_zhekou_min" class="form-control input_is"  placeholder="请填写最低数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">折扣描述</span>
                                        <input type="text" id="add_zhekou_describe" class="form-control input_is"  placeholder="请填写折扣描述">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-success col-xs-offset-2" data-toggle="modal" id="zhekou_add"
                                        data-target="#myModal">添加折扣</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--折扣修改-->
        <div class="set_shangpin" id="set_zhekou">
            <div class="set_shangpin_main">
                <b class="cancle_btn glyphicon glyphicon-remove cancle_control"></b>
                <div class="set_goods">
                    <div class="container-fluid">
                        <div class="add_goods_header">
                            <div class="row">
                                <h2 class="col-xs-4 col-xs-offset-1">折扣修改操作</h2>
                            </div>

                        </div>
                        <div class="add_goods_body">
                            <div class="row">
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">一级分类</span>
                                        <select name="" id="set_zhekou_class1" class="form-control"></select>
                                    </div>
                                </div>
                                <div class="col-xs-3">
                                    <div class="input-group ">
                                        <span class="input-group-addon">二级分类</span>
                                        <select name="" id="set_zhekou_class2" class="form-control"></select>
                                    </div>
                                </div>
                                <div class=" col-xs-4">
                                    <div class="input-group ">
                                        <span class="input-group-addon">三级分类</span>
                                        <select name="" id="set_zhekou_class3" class="form-control"></select>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">选择品牌</span>
                                        <select name="" id="set_zhekou_brand" class="form-control"></select>
                                    </div>
                                </div>
                                <div class="col-xs-3 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">选择商品</span>
                                        <select name="" id="set_zhekou_item" class="form-control"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <p class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">已选择</p>
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1 selected_wrap">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">折扣力度</span>
                                        <input type="number" id="set_zhekou_range" class="form-control input_is"  placeholder="请填写折扣力度1-100之间">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">与券共用</span>
                                        <select name="" id="set1_zhekou_coupon" class="form-control">
                                            <option value="0">不可以</option>
                                            <option value="1">可以</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">发放数量</span>
                                        <input type="number" id="set_zhekou_number" class="form-control input_is"  placeholder="请填写发放数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">限购数量</span>
                                        <input type="number" id="set_zhekou_limit" class="form-control input_is"  placeholder="请填写限购数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">最低数量</span>
                                        <input type="number" id="set_zhekou_min" class="form-control input_is"  placeholder="请填写最低数量">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <div class="input-group ">
                                        <span class="input-group-addon">折扣描述</span>
                                        <input type="text" id="set_zhekou_describe" class="form-control input_is"  placeholder="请填写折扣描述">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                                    <b class="col-xs-5 btn btn-warning cancle_control" data-toggle="modal"
                                       data-target="#myModal">取消</b><span
                                        class="col-xs-5 btn btn-danger col-xs-offset-2" data-toggle="modal" id="zhekou_set"
                                        data-target="#myModal">修改折扣</span>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<!--提示<&ndash;&gt;-->
<div class="hint">
    <span> 商品名称</span>
</div>
<!--提示确认-->
<div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="top: 20%;" role="document">
        <div class="modal-content">
            <div style="font-size: 20px;" class="modal-header">
                <h4 class="modal-title">提示</h4>
            </div>
            <div style="font-size: 20px;" class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" id="modal_close" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary" id="confirm">确定</button>
            </div>
        </div>
    </div>
</div>
<!--图片展示-->
<div class="img_show">
    <img src="" alt="">
</div>
</body>
</html>